<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <title>营嘤嘤</title>
    <link rel="stylesheet" href="bootstrap.min.css">
    <style type="text/css">
        body {
            width: 350px;
            max-height: 500px;
            background-color: #ff0000;
        }

        .display-4 {
            color: white;
        }

        .display-6 {
            color: white;
        }
    </style>
</head>

<body>
    <div class="pt-4"></div>
    <div class="container">
        <div class="text-center">
            <div class="display-4">
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tv" viewBox="0 0 16 16">
                    <path d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zM13.991 3l.024.001a1.46 1.46 0 0 1 .538.143.757.757 0 0 1 .302.254c.067.1.145.277.145.602v5.991l-.001.024a1.464 1.464 0 0 1-.143.538.758.758 0 0 1-.254.302c-.1.067-.277.145-.602.145H2.009l-.024-.001a1.464 1.464 0 0 1-.538-.143.758.758 0 0 1-.302-.254C1.078 10.502 1 10.325 1 10V4.009l.001-.024a1.46 1.46 0 0 1 .143-.538.758.758 0 0 1 .254-.302C1.498 3.078 1.675 3 2 3h11.991zM14 2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h12c2 0 2-2 2-2V4c0-2-2-2-2-2z"/>
                </svg> 肃反名单
                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tv" viewBox="0 0 16 16">
                    <path d="M2.5 13.5A.5.5 0 0 1 3 13h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zM13.991 3l.024.001a1.46 1.46 0 0 1 .538.143.757.757 0 0 1 .302.254c.067.1.145.277.145.602v5.991l-.001.024a1.464 1.464 0 0 1-.143.538.758.758 0 0 1-.254.302c-.1.067-.277.145-.602.145H2.009l-.024-.001a1.464 1.464 0 0 1-.538-.143.758.758 0 0 1-.302-.254C1.078 10.502 1 10.325 1 10V4.009l.001-.024a1.46 1.46 0 0 1 .143-.538.758.758 0 0 1 .254-.302C1.498 3.078 1.675 3 2 3h11.991zM14 2H2C0 2 0 4 0 4v6c0 2 2 2 2 2h12c2 0 2-2 2-2V4c0-2-2-2-2-2z"/>
                </svg>
                <br>
                <div class="pt-2"></div>
                v2.0
            </div>
            <div class="pt-3"></div>
            <p class="display-6">肃反添加:</p>
            <input placeholder="请输入要肃反人员的名单" id="name" class="form-control">
            <div class="pt-3"></div>
            <div class="d-grid">
                <button id="confirm" class="btn btn-outline-primary">肃反</button>
            </div>
            <div class="pt-3"></div>
            <p class="display-6">删除:</p>
            <input placeholder="请输入要踢出去的人员" id="del_name" class="form-control">
            <div class="pt-3"></div>
            <div class="d-grid">
                <button id="delete" class="btn btn-outline-primary">删除</button>
            </div>
        </div>
        <div class="pt-4"></div>
        <p class="display-6 text-center">已添加肃反名单:</p>
        <div id="blackList" class="text-break lead">
        </div>
    </div>
    <div class="pt-4"></div>
</body>
<script src="data.js"></script>
<script src="popup.js"></script>

</html>